<template>
  <div class="hotGoodsItem">
      <div class="item">
        <img src="../images/mainTwo/commodity/goods_1.png">
        <div class="des">
            <h5>香奈儿五号香水</h5>
            <h6>天猫</h6>
            <span>￥598</span>
        </div>
      </div>
  </div>
</template>

<script>
export default {
  data(){
      return{

      }
  }
}
</script>

<style scoped lang="less">
    .hotGoodsItem{
        .item{
            height: 200/75rem;
            width: 708/75rem;
            padding-top:46/75rem;
            
            padding-left: 26/75rem;
             box-shadow:-1px 0 20px lightgray, /*左边阴影*/  
                        1px 0 20px lightgray, /*右边阴影*/  
                        0 -1px 20px lightgray, /*顶部阴影*/  
                        0 1px 20px lightgray; /*底边阴影*/  
            margin-top:40/75rem;
            overflow: hidden;
            img{
                float: left;
                height: 171/75rem;
                width: 171/75rem;
            }
            .des{
                font-size: 28/75rem;
                float: left;
                line-height: 60/75rem;
                margin-left:40/75rem; 
            }
        }
    }

</style>


